<template>
	<view>
		<view class="title">{{ title }}</view>
		<view class="main">
			<van-tabs :active="active" @click="onChange" title-active-color="#ccc" type="card" line-height="80px">
				<van-tab title="AI智能练习"><button type="primary" style="width:30%;margin-top: 200rpx;">立即口算</button></van-tab>
				<van-tab title="立即口算">立即口算</van-tab>
			</van-tabs>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: '作业帮口算',
			active: 1
		};
	},
	methods: {
		onChange(event) {}
	}
};
</script>

<style lang="scss" scoped>
.title {
	text-align: center;
	font-size: 50rpx;
}
.main {
	background-color: #ccc;
	height: 500rpx;
}
</style>
